<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家装新年惠</title>
    <link rel="stylesheet" href="./css/index.min.css">
</head>

<body>
    <div class="web">
        <header>
            <img src="./img/header_bg.png" alt="">
        </header>

        <main>
            <!-- 流行趋势 -->
            <div class="trend">
                <ul class="trend_discount">
                    <li>
                        <span>5</span>
                        <p>限量1500张</p>
                        <button>点击领取</button>
                    </li>
                    <li>
                        <span>10</span>
                        <p>满500使用</p>
                        <button>点击领取</button>
                    </li>
                    <li>
                        <span>20</span>
                        <p>满800使用</p>
                        <button>点击领取</button>
                    </li>
                    <li>
                        <span>30</span>
                        <p>限量1500张</p>
                        <button>点击领取</button>
                    </li>
                </ul>
                <div class="trend_content">
                    <!-- 标题 -->
                    <div class="content_line">
                        <p><span>时代潮流款</span><span>流行趋势</span></p>
                        <p>GORGEOUS COLOUR OF</p>
                    </div>
                    <!-- 内容 -->
                    <ul class="text_ul">
                        <li>
                            <div class="text_left">
                                <img src="./img/sofa.png" alt="">
                            </div>
                            <div class="text_right">
                                <p>现代布艺沙发</p>
                                <p>进口白橡木材质</p>
                                <div class="circle">
                                    <div class="clone"><span>棉麻<br />布料</span></div>
                                    <div class="shelf"><span>实木<br />架子</span> </div>
                                    <div class="health"> <span>健康<br />环保</span></div>
                                </div>
                                <p>安全放心的材质</p>
                                <div class="pice">
                                    <span>188</span>
                                    <button>立即抢购</button>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="text_left">
                                <img src="./img/chest_01.png" alt="">
                            </div>
                            <div class="text_right">
                                <p>现代布艺沙发</p>
                                <p>进口白橡木材质</p>
                                <div class="circle">
                                    <div class="clone"><span>棉麻<br />布料</span></div>
                                    <div class="shelf"><span>实木<br />架子</span> </div>
                                    <div class="health"> <span>健康<br />环保</span></div>
                                </div>
                                <p>安全放心的材质</p>
                                <div class="pice">
                                    <span>188</span>
                                    <button>立即抢购</button>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="text_left">
                                <img src="./img/table_02.png" alt="">
                            </div>
                            <div class="text_right">
                                <p>现代布艺沙发</p>
                                <p>进口白橡木材质</p>
                                <div class="circle">
                                    <div class="clone"><span>棉麻<br />布料</span></div>
                                    <div class="shelf"><span>实木<br />架子</span> </div>
                                    <div class="health"> <span>健康<br />环保</span></div>
                                </div>
                                <p>安全放心的材质</p>
                                <div class="pice">
                                    <span>188</span>
                                    <button>立即抢购</button>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>

            </div>
            <!-- 热销爆款 -->
            <div class="hotseller">
                <div class="hotseller_line">
                    <span>热</span>
                    <span>销</span>
                    <span>爆</span>
                    <span>款</span>
                </div>
                <div class="hostsell_content">
                    <ul>
                        <li>
                            <div class="img_box">
                                <img src="./img/table_03.png" alt="">
                            </div>
                            <span>品质保障30年</span>
                            <p>品质保障30年</p>
                            <div class="pice">
                                <span>188</span>
                                <button>立即点击</button>
                            </div>
                        </li>
                        <li>
                            <div class="img_box">
                                <img src="./img/table_03.png" alt="">
                            </div>
                            <span>品质保障30年</span>
                            <p>品质保障30年</p>
                            <div class="pice">
                                <span>188</span>
                                <button>立即点击</button>
                            </div>
                        </li>
                        <li>
                            <div class="img_box">
                                <img src="./img/table_03.png" alt="">
                            </div>
                            <span>品质保障30年</span>
                            <p>品质保障30年</p>
                            <div class="pice">
                                <span>188</span>
                                <button>立即点击</button>
                            </div>
                        </li>
                        <li>
                            <div class="img_box">
                                <img src="./img/table_03.png" alt="">
                            </div>
                            <span>品质保障30年</span>
                            <p>品质保障30年</p>
                            <div class="pice">
                                <span>188</span>
                                <button>立即点击</button>
                            </div>
                        </li>
                        <li>
                            <div class="img_box">
                                <img src="./img/table_03.png" alt="">
                            </div>
                            <span>品质保障30年</span>
                            <p>品质保障30年</p>
                            <div class="pice">
                                <span>188</span>
                                <button>立即点击</button>
                            </div>
                        </li>
                        <li>
                            <div class="img_box">
                                <img src="./img/table_03.png" alt="">
                            </div>
                            <span>品质保障30年</span>
                            <p>品质保障30年</p>
                            <div class="pice">
                                <span>188</span>
                                <button>立即点击</button>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
            <!--下一个流行趋势 -->
            <div class="trendnext">
                <div class="trendnext_line">
                    <p><span>时代潮流款</span><span>流行趋势</span></p>
                    <p>GORGEOUS COLOUR OF</p>
                </div>
                <div class="trendnext_content">
                    <ul>
                        <li>
                            <div class="_left">
                                <img src="./img/table_02.png" alt="">
                            </div>
                            <div class="_right">
                                <div class="right_text">
                                    <h2>现代小情调<span>（布艺沙发）</span></h2>
                                    <p>
                                        <span>极简百搭的毛织连衣裙</span> <br />
                                        <span>黑红两色均有着显瘦修饰脸部光泽的特点</span><br />
                                        <span>搭配一个毛衣链</span><br />
                                        <span>你便是阳光下的妩媚魔鬼</span>
                                     </p>
                                    <div class="pice">
                                        <span>RMB826</span>
                                        <span>RMB359</span>
                                    </div>
                                </div>
                                <img src="./img/sofa_01.png" alt="">
                                <img src="./img/lamp_01.png" alt="">
                                
                            </div>
                        </li>
                        <li>
                            <div class="_left">
                                <img src="./img/table_04.jpg" alt="">
                            </div>
                            <div class="_right">
                                <div class="right_text">
                                    <h2>现代小情调<span>（布艺沙发）</span></h2>
                                    <p>
                                        <span>极简百搭的毛织连衣裙</span> <br />
                                        <span>黑红两色均有着显瘦修饰脸部光泽的特点</span><br />
                                        <span>搭配一个毛衣链</span><br />
                                        <span>你便是阳光下的妩媚魔鬼</span>
                                     </p>
                                    <div class="pice">
                                        <span>RMB826</span>
                                        <span>RMB359</span>
                                    </div>
                                </div>
                                <img src="./img/sofa_02.png" alt="">
                                <img src="./img/lamp_02.png" alt="">
                                
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 现代小情调 -->
            <div class="fellingtone">
                <ul>
                    <li>
                        <img src="./img/table_01.png" alt="">
                        <div class="fellingtone_text">
                            <h2>现代小情绪</h2>
                            <span>RMB826</span>
                            <span>RMB359</span>
                        </div>

                    </li>
                    <li>
                        <img src="./img/table_01.png" alt="">
                        <div class="fellingtone_text">
                            <h2>现代小情绪</h2>
                            <span>RMB826</span>
                            <span>RMB359</span>
                        </div>

                    </li>
                    <li>
                        <img src="./img/table_01.png" alt="">
                        <div class="fellingtone_text">
                            <h2>现代小情绪</h2>
                            <span>RMB826</span>
                            <span>RMB359</span>
                        </div>

                    </li>
                    <li>
                        <img src="./img/table_01.png" alt="">
                        <div class="fellingtone_text">
                            <h2>现代小情绪</h2>
                            <span>RMB826</span>
                            <span>RMB359</span>
                        </div>

                    </li>
                </ul>
            </div>
        </main>
        <!-- 脚线 -->
        <footer></footer>
    </div>
</body>

</html>